
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/common/box.css" />
<link rel="stylesheet" type="text/css" href="css/common/checkbox.css" />
<style type="text/css">
a {
	color: black;
}

a:hover {
	text-decoration: none;
}

.bgc-w {
	background-color: #fff;
}

.c {
	font-weight: 600;
}

.paixu:HOVER {
	cursor: pointer;
	color: #337ab7;
}
</style>

<div class="row" style="padding-top: 10px;">
	<div class="col-md-2">
		<h1 style="font-size: 24px; margin: 0;" class="">通知列表</h1>
	</div>
	<div class="col-md-10 text-right">
		<a href="index"><span class="glyphicon glyphicon-home"></span> 首页</a>
		> <a disabled="disabled">通知列表</a>
	</div>
</div>

<div class="row" style="padding-top: 15px;">
	<div class="col-md-12 thistable">
		<!--id="container"-->
<div class="bgc-w box box-primary">
	<!--盒子头-->
	<div class="box-header">
		<h3 class="box-title">
			<a href="" class="label label-success" style="padding: 5px;margin-left:5px;">
				<span class="glyphicon glyphicon-refresh"></span> 刷新
			</a>
		</h3>
		<div class="box-tools">
			<div class="input-group" style="width: 150px;">
				<input type="text" class="form-control input-sm baseKey" placeholder="按标题查找"  value=""/>
				<div class="input-group-btn">
					<a class="btn btn-sm btn-default baseKetsubmit"><span
						class="glyphicon glyphicon-search"></span></a>
				</div>
			</div>
		</div>
	</div>
	<!--盒子身体-->
	<div class="box-body no-padding">
		<div class="table-responsive">
			<table class="table table-hover">
				<tr>
					<th scope="col"><span class="paixu thistype">类型
						</span></th>
					<th scope="col"><span class="paixu thisstatus">状态
						</span></th>
					<th scope="col">标题</th>
					<th scope="col"><span class="paixu thistime">发布时间
						</span></th>
					<th scope="col">发布人</th>
					<th scope="col">部门</th>
					<th scope="col">置顶</th>
					<th scope="col">链接</th>
					<th scope="col">操作</th>
				</tr>
				<tr>
					
					<td>公告</td>
					<td><span class="label label-danger">紧急</span></td>
					<td class="c"><span>总经办公告-罗密欧</span></td>
					<td><span>2019-1-9 12:01:20</span></td>
					<td><span>罗密欧</span></td>
					<td><span>总经办</span></td>
					<td><span class="labels"><label><input
								type="checkbox" checked disabled><i>✓</i></label></span></td>

					<td><span class="glyphicon glyphicon-link"></span></td>

					<td><a href="informshow.html?id=26&read=0&relationid=127"
						class="label xiugai chakan"><span class="glyphicon glyphicon-search"></span>
							查看</a> 
									<a href="forwardother?noticeId=26" onclick="{return confirm('确定转发给自己的下属吗？');};" class="label xinzeng chakan forwardthis"><span class="glyphicon glyphicon-log-out"></span>
									转发</a> 
</td>
				</tr>
				<tr>
					
					<td>通知</td>
					<td><span class="label label-warning">重要</span></td>
					<td class="c"><span>总经办通知-罗密欧</span></td>
					<td><span>2019-1-9 12:26:38</span></td>
					<td><span>罗密欧</span></td>
					<td><span>总经办</span></td>
					<td><span class="labels"><label><input
								type="checkbox" checked disabled><i>✓</i></label></span></td>

					<td><span class="glyphicon glyphicon-link"></span></td>

					<td><a href="informshow.html?id=30&read=0&relationid=132"
						class="label xiugai chakan"><span class="glyphicon glyphicon-search"></span>
							查看</a> 
									<a href="forwardother?noticeId=30" onclick="{return confirm('确定转发给自己的下属吗？');};" class="label xinzeng chakan forwardthis"><span class="glyphicon glyphicon-log-out"></span>
									转发</a> 
</td>
				</tr>
				<tr>
					
					<td>投票</td>
					<td><span class="label label-primary">一般</span></td>
					<td class="c"><span>总经办投票-伊丽莎白</span></td>
					<td><span>2019-1-9 12:53:35</span></td>
					<td><span>伊丽莎白</span></td>
					<td><span>总经办</span></td>
					<td><span class="labels"><label><input
								type="checkbox" disabled><i>✓</i></label></span></td>
					<td><span class="labels"></span></td>
					<td><a href="informshow.html?id=36&read=0&relationid=110"
						class="label xiugai chakan"><span class="glyphicon glyphicon-search"></span>
							查看</a> 
									<a href="forwardother?noticeId=36" onclick="{return confirm('确定转发给自己的下属吗？');};" class="label xinzeng chakan forwardthis"><span class="glyphicon glyphicon-log-out"></span>
									转发</a> 
</td>
				</tr>
				<tr>
					
					<td>投票</td>
					<td><span class="label label-primary">一般</span></td>
					<td class="c"><span>总经办投票-罗密欧</span></td>
					<td><span>2019-1-9 12:48:35</span></td>
					<td><span>罗密欧</span></td>
					<td><span>总经办</span></td>
					<td><span class="labels"><label><input
								type="checkbox" disabled><i>✓</i></label></span></td>
					<td><span class="labels"></span></td>
					<td><a href="informshow.html?id=34&read=0&relationid=137"
						class="label xiugai chakan"><span class="glyphicon glyphicon-search"></span>
							查看</a> 
									<a href="forwardother?noticeId=34" onclick="{return confirm('确定转发给自己的下属吗？');};" class="label xinzeng chakan forwardthis"><span class="glyphicon glyphicon-log-out"></span>
									转发</a> 
</td>
				</tr>
				<tr>
					
					<td>通知</td>
					<td><span class="label label-primary">一般</span></td>
					<td class="c"><span>总经办通知-伊丽莎白</span></td>
					<td><span>2019-1-9 12:41:44</span></td>
					<td><span>伊丽莎白</span></td>
					<td><span>总经办</span></td>
					<td><span class="labels"><label><input
								type="checkbox" disabled><i>✓</i></label></span></td>
					<td><span class="labels"></span></td>
					<td><a href="informshow.html?id=32&read=0&relationid=94"
						class="label xiugai chakan"><span class="glyphicon glyphicon-search"></span>
							查看</a> 
									<a href="forwardother?noticeId=32" onclick="{return confirm('确定转发给自己的下属吗？');};" class="label xinzeng chakan forwardthis"><span class="glyphicon glyphicon-log-out"></span>
									转发</a> 
</td>
				</tr>
				<tr>
					
					<td>公告</td>
					<td><span class="label label-danger">紧急</span></td>
					<td><span>总经办公告-伊丽莎白</span></td>
					<td><span>2019-1-9 12:06:39</span></td>
					<td><span>伊丽莎白</span></td>
					<td><span>总经办</span></td>
					<td><span class="labels"><label><input
								type="checkbox" disabled><i>✓</i></label></span></td>
					<td><span class="glyphicon glyphicon-link"></span></td>

					<td><a href="informshow.html?id=27&read=1&relationid=77"
						class="label xiugai chakan"><span class="glyphicon glyphicon-search"></span>
							查看</a> 
									<a href="forwardother?noticeId=27" onclick="{return confirm('确定转发给自己的下属吗？');};" class="label xinzeng chakan forwardthis"><span class="glyphicon glyphicon-log-out"></span>
									转发</a> 
							<a onclick="{return confirm('删除该记录将不能恢复，确定删除吗？');};"
							href="informlistdelete?id=27" class="label shanchu"> 
							<span class="glyphicon glyphicon-remove"></span> 删除
						</a></td>
				</tr>
			</table>
		</div>
	</div>
	<!--盒子尾-->
<div class="box-footer no-padding" style="margin-top: -20px;">
	<div style="padding: 5px;">
		<div id="page"
			style="background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;">
			<div style="width: 40%; float: left;">
				<div class="pageInfo" style="margin-left: 5px;">
					共<span>6</span>条 | 每页<span>6</span>条
					| 共<span>1</span>页
				</div>
			</div>
			<div style="width: 60%; float: left;">
				<div class="pageOperation">
					<a class="btn btn-sm btn-default no-padding tablefirst" disabled="disabled"	style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-backward"></span></a> 
					<a class="btn btn-sm btn-default no-padding tableup"  disabled="disabled" 	style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-triangle-left"></span></a> 
				<a disabled="disabled" class="btn btn-default no-padding" style="width: 30px; height: 20px;"> 1 </a>
				<!--判断是否是最后一页  -->
					<a class="btn btn-sm btn-default no-padding tabledown"  disabled="disabled" style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-triangle-right"></span></a> 
					<a class="btn btn-sm btn-default no-padding tablelast" disabled="disabled" style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-forward"></span></a> 
				</div>
			</div>
		</div>
	</div>
</div>
<script>
		/* 分页插件按钮的点击事件 */
		/* url是从后台接收过来的链接，sort是记录排序规则 */
		$('.tablefirst').on('click',function(){
			if(!true){
				$('.thistable').load('informlistpaging?pageNum=1');
			}
		});
		$('.tableup').on('click',function(){
			if(!true){
				$('.thistable').load('informlistpaging?pageNum=0');
			}
		});
		$('.tabledown').on('click',function(){
			if(!true){
				$('.thistable').load('informlistpaging?pageNum=2');
			}
		});
		$('.tablelast').on('click',function(){
			if(!true){
				$('.thistable').load('informlistpaging?pageNum=1');
			}
			
		});
		
		/*类型、状态、时间的排序  */
		$('.thistype').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('informlistpaging?type=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('informlistpaging?type=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thisstatus').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('informlistpaging?status=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('informlistpaging?status=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thistime').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('informlistpaging?time=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('informlistpaging?time=1&icon=glyphicon-triangle-bottom');
			}
		});
		/* 查找 */
		$('.baseKetsubmit').on('click', function() {
			var baseKey = $('.baseKey').val();
			console.log(baseKey);
			$('.thistable').load('informlistpaging?baseKey=' + baseKey);
		});
</script></div>
<script>
	$(function(){
		$(".chakan").click(function(){
			var $information=$(this).parents("td").siblings(".c").find("span").text();
			if( $information!=""){
				parent.changeinformation();
			}
		});
	});
</script>	</div>
</div>